<template>
 	<ul class="list-unstyled">
	   	<li v-for="item in dataJson" class="li-float">
	   		<a :href="item.url" @click="sendId(item.id,item.type)">{{item.name}}</a>
	   	</li>
  	</ul>
</template>

<script>
	export default{
		props : {
			dataJson : {
				type : Array,
				required : true
			}
		},
		mounted ($route) {
	 		this.$nextTick(()=>{
	 		})
	 	},
	 	methods : {
	 		sendId : function(val,str){
 				let data = {
		          	id : val,
		          	type : str
		        };
		        this.$emit('getId',data);
	 		}
	 	}
	}
</script>

<style scoped>
	.list-unstyled{
		display: table;
	}
	.li-float{
		float: left;
	    margin: 5px 20px 5px 0px;
	    line-height: 25px;
	    cursor: pointer;
	}
</style>